@mixin textColor($color) {
  color: $color;
  -webkit-text-fill-color: $color;
}

// 单行文本省略号
@mixin sigleText {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

// 多行文本省略号
@mixin mulitText($num) {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:$num;
  -webkit-box-orient: vertical;
  overflow: hidden;
}


@mixin icon($name){
  &.icon-#{$name}{
    width: width('icon/icon-'+ $name + '.png');
    height: height('icon/icon-'+ $name + '.png');
    background-image: resolve('icon/icon-'+ $name + '.png');
  }
}